$--color-white: rgba(36, 73, 156, 1);
$--color-black: #000;
$--color-primary: rgba(55, 123, 193, 1);
$--color-success: #67c23a;
$--color-warning:  #e6a23c;
$--color-danger: #f56c6c;
$--color-info: #909399;
$--color-text-primary: rgba(225, 232, 247, 1);
$--color-text-regular: rgba(187, 207, 247, 1);
$--color-text-secondary: rgba(166, 183, 215, 1);
$--color-text-placeholder: rgba(103, 135, 198, 1);
$--border-color-base: rgba(133, 155, 207, 1);
$--border-color-light: rgba(173, 189, 220, 1);
$--border-color-lighter: rgba(200, 211, 237, 1);
$--border-color-extra-light: rgba(234, 237, 242, 1);
$--border-color-hover: $--color-text-placeholder;
$--background-color-base: rgba(55, 98, 164, 1);
$--link-hover-color: $--color-primary;
$--fill-base: $--color-white;
$--font-color-disabled-base: #bbb;
$--disabled-fill-base: rgba(58, 96, 152, 1);
$--disabled-color-base: rgba(94, 115, 156, 1);
$--disabled-border-base: rgba(102, 124, 169, 1);
$--group-title-color: $--color-black;
$--button-default-font-color: $--color-text-regular;
$--button-default-background-color: $--color-white;
$--button-default-border-color: $--border-color-base;
$--button-default-hover-color: $--color-primary;
$--button-disabled-font-color: $--color-text-placeholder;
$--button-disabled-background-color: $--color-white;
$--button-disabled-border-color: $--border-color-lighter;
$--button-primary-border-color: $--color-primary;
$--button-primary-font-color: $--color-white;
$--button-primary-background-color: $--color-primary;
$--button-success-border-color: $--color-success;
$--button-success-font-color: $--color-white;
$--button-success-background-color: $--color-success;
$--button-warning-border-color: $--color-warning;
$--button-warning-font-color: $--color-white;
$--button-warning-background-color: $--color-warning;
$--button-danger-border-color: $--color-danger;
$--button-danger-font-color: $--color-white;
$--button-danger-background-color: $--color-danger;
$--button-info-border-color: $--color-info;
$--button-info-font-color: $--color-white;
$--button-info-background-color: $--color-info;
$--icon-color-base: $--color-info;
$--checkbox-font-color: $--color-text-regular;
$--checkbox-input-background-color: $--color-white;
$--checkbox-input-border-color: $--border-color-base;
$--checkbox-icon-color: $--color-white;
$--checkbox-disabled-font-color: $--color-text-placeholder;
$--checkbox-disabled-input-border-color: $--border-color-base;
$--checkbox-disabled-input-fill: #edf2fc;
$--checkbox-disabled-icon-color: $--color-text-placeholder;
$--checkbox-disabled-checked-input-fill: $--border-color-extra-light;
$--checkbox-disabled-checked-input-border-color: $--border-color-base;
$--checkbox-disabled-checked-icon-color: $--color-text-placeholder;
$--checkbox-checked-font-color: $--color-primary;
$--checkbox-checked-input-border-color: $--color-primary;
$--checkbox-checked-input-background-color: $--color-primary;
$--checkbox-checked-icon-color: $--fill-base;
$--checkbox-button-border-color: $--border-color-base;
$--checkbox-input-border-color-hover: $--color-primary;
$--checkbox-button-checked-background-color: $--color-primary;
$--checkbox-button-checked-font-color: $--color-white;
$--checkbox-button-checked-border-color: $--color-primary;
$--checkbox-button-disabled-border-color: $--disabled-fill-base;
$--radio-font-color: $--color-text-regular;
$--radio-input-background-color: $--color-white;
$--radio-input-border-color: $--border-color-base;
$--radio-icon-color: $--color-white;
$--radio-disabled-font-color: $--disabled-fill-base;
$--radio-disabled-input-border-color: $--disabled-border-base;
$--radio-disabled-input-fill: $--disabled-fill-base;
$--radio-disabled-icon-color: $--disabled-fill-base;
$--radio-disabled-checked-input-border-color: $--disabled-border-base;
$--radio-disabled-checked-input-fill: $--disabled-fill-base;
$--radio-disabled-checked-icon-color: $--color-text-placeholder;
$--radio-checked-font-color: $--color-primary;
$--radio-checked-input-border-color: $--color-primary;
$--radio-checked-input-background-color: $--color-white;
$--radio-checked-icon-color: $--color-primary;
$--radio-input-border-color-hover: $--color-primary;
$--radio-button-checked-background-color: $--color-primary;
$--radio-button-checked-font-color: $--color-white;
$--radio-button-border-color: $--border-color-base;
$--radio-button-checked-border-color: $--color-primary;
$--radio-button-disabled-checked-fill: $--border-color-extra-light;
$--radio-button-disabled-border-color: $--disabled-border-base;
$--select-border-color-hover: $--border-color-hover;
$--select-disabled-border: $--disabled-border-base;
$--select-close-hover-color: $--color-text-secondary;
$--select-input-color: $--color-text-placeholder;
$--select-multiple-input-color: #666;
$--select-input-focus-background: $--color-primary;
$--select-option-color: $--color-text-regular;
$--select-option-disabled-color: $--color-text-placeholder;
$--select-option-disabled-background: $--color-white;
$--select-option-hover-background: $--background-color-base;
$--select-option-selected: $--color-primary;
$--select-option-selected-hover: $--background-color-base;
$--select-group-color: $--color-info;
$--select-dropdown-background: $--color-white;
$--select-dropdown-empty-color: #999;
$--select-tag-background-color: #f0f2f5;
$--select-tag-color: $--color-text-secondary;
$--input-font-color: $--color-text-regular;
$--input-border-color: $--border-color-base;
$--input-hover-border: $--border-color-hover;
$--input-background-color: $--color-white;
$--input-icon-color: $--color-text-placeholder;
$--input-placeholder-color: $--color-text-placeholder;
$--input-clear-hover-color: $--color-text-secondary;
$--input-focus-border: $--color-primary;
$--input-focus-fill: $--color-white;
$--input-disabled-fill: $--disabled-fill-base;
$--input-disabled-border: $--disabled-border-base;
$--input-disabled-color: $--disabled-color-base;
$--input-disabled-placeholder-color: $--color-text-placeholder;
$--input-append-background-color: $--background-color-base;
$--input-append-color: $--color-info;
$--input-append-border-color: $--border-color-base;
$--input-border-color-hover: $--border-color-hover;
$--input-fill: $--color-white;
$--input-fill-disabled: $--disabled-fill-base;
$--input-color-disabled: $--font-color-disabled-base;
$--cascader-menu-fill: $--fill-base;
$--cascader-menu-border-color: $--border-color-base;
$--cascader-menu-color: $--color-text-regular;
$--cascader-menu-option-color-active: $--color-text-secondary;
$--cascader-menu-option-color-hover: $--color-text-regular;
$--cascader-menu-option-color-disabled: #999;
$--cascader-menu-option-empty-color: #666;
$--cascader-menu-group-color: #999;
$--cascader-menu-option-pinyin-color: #999;
$--switch-on-color: $--color-primary;
$--switch-off-color: $--border-color-base;
$--switch-disabled-color: $--border-color-lighter;
$--switch-disabled-text-color: $--color-text-placeholder;
$--slider-main-background-color: $--color-primary;
$--slider-runway-background-color: $--border-color-light;
$--slider-stop-background-color: $--color-white;
$--slider-disable-color: $--color-text-placeholder;
$--datepicker-color: $--color-text-regular;
$--datepicker-off-color: $--color-text-placeholder;
$--datepicker-header-color: $--color-text-regular;
$--datepicker-icon-color: $--color-text-primary;
$--datepicker-border-color: $--disabled-border-base;
$--datepicker-inner-border-color: #e4e4e4;
$--datepicker-inrange-color: $--border-color-extra-light;
$--datepicker-inrange-hover-color: $--border-color-extra-light;
$--datepicker-active-color: $--color-primary;
$--datepicker-text-hover-color: $--color-primary;
$--datepicker-cell-hover-color: #fff;
$--rate-icon-color: $--color-text-placeholder;
$--transfer-border-color: $--border-color-lighter;
$--transfer-panel-header-background: $--background-color-base;
$--transfer-item-hover-background: $--color-text-secondary;
$--msgbox-success-color: $--color-success;
$--msgbox-info-color: $--color-info;
$--msgbox-warning-color: $--color-warning;
$--msgbox-danger-color: $--color-danger;
$--message-background-color: #edf2fc;
$--message-content-color: $--color-text-regular;
$--message-close-color: $--color-text-placeholder;
$--message-close-hover-color: $--color-text-secondary;
$--message-success-color: $--color-success;
$--message-info-color: $--color-info;
$--message-warning-color: $--color-warning;
$--message-danger-color: $--color-danger;
$--notification-border-color: $--border-color-lighter;
$--notification-color: $--color-text-regular;
$--notification-title-color: $--color-text-primary;
$--notification-close-color: $--color-text-secondary;
$--notification-close-hover-color: $--color-text-regular;
$--notification-success-color: $--color-success;
$--notification-info-color: $--color-info;
$--notification-warning-color: $--color-warning;
$--notification-danger-color: $--color-danger;
$--tab-header-color-active: $--color-text-secondary;
$--tab-header-color-hover: $--color-text-regular;
$--tab-header-color: $--color-text-regular;
$--tab-vertical-header-count-color: $--color-white;
$--tab-vertical-header-count-fill: $--color-text-secondary;
$--dropdown-menuItem-hover-color: $--color-primary;
$--steps-border-color: $--disabled-border-base;
$--menu-item-color: $--color-text-primary;
$--menu-item-fill: $--color-white;
$--collapse-border-color: $--border-color-lighter;
$--collapse-header-fill: $--color-white;
$--collapse-header-color: $--color-text-primary;
$--collapse-content-fill: $--color-white;
$--collapse-content-color: $--color-text-primary;
$--timeline-node-color: $--border-color-light;
$--table-border-color: $--border-color-lighter;
$--table-text-color: $--color-text-regular;
$--table-header-color: $--color-text-secondary;
$--table-row-hover-background: $--background-color-base;
$--table-header-background: $--color-white;
$--table-footer-background: $--color-text-placeholder;
$--tree-node-hover-color: $--background-color-base;
$--tree-text-color: $--color-text-regular;
$--tree-expand-icon-color: $--color-text-placeholder;
$--tag-color: $--color-primary;
$--tag-info-color: $--color-info;
$--tag-primary-color: $--color-primary;
$--tag-success-color: $--color-success;
$--tag-warning-color: $--color-warning;
$--tag-danger-color: $--color-danger;
$--pagination-fill: $--color-white;
$--pagination-color: $--color-text-primary;
$--pagination-button-color: $--color-text-primary;
$--pagination-button-disabled-color: $--color-text-placeholder;
$--pagination-button-disabled-fill: $--color-white;
$--pagination-hover-fill: $--color-primary;
$--pagination-hover-color: $--color-white;
$--badge-fill: $--color-danger;
$--dialog-close-hover-color: $--color-primary;
$--popover-fill: $--color-white;
$--popover-border-color: $--border-color-lighter;
$--popover-title-color: $--color-text-primary;
$--tooltip-fill: $--color-text-primary;
$--tooltip-color: $--color-white;
$--tooltip-border-color: $--color-text-primary;
$--card-border-color: $--border-color-lighter;
$--carousel-arrow-background: rgba(31, 45, 61, 0.11);
$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
$--carousel-indicator-out-color: $--border-color-hover;
$--widgets-layout-split-color: $--color-info;
$--widgets-layout-split-color-hover: $--color-info;
$--widgets-calendar-border-color: $--border-color-base;
$--widgets-calendar-disabled-color: $--disabled-color-base;